<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:fragment="head(title,desc)">
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title th:text="${title}"></title>
    <meta name="description" th:content="${desc}?:''">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Place favicon.ico in the root directory -->
    <link th:href="@{/assets/images/favicon.ico}" type="img/x-icon" rel="shortcut icon">
    <!-- All css files are included here. -->
    <link rel="stylesheet" th:href="@{/assets/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/assets/css/iconfont.min.css}">
    <link rel="stylesheet" th:href="@{/assets/css/plugins.css}">
    <link rel="stylesheet" th:href="@{/assets/css/helper.css}">
    <link rel="stylesheet" th:href="@{/assets/css/style.css}">
    <!-- Modernizr JS -->
    <script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>

<!--Header section start-->
<header  th:fragment="header" class="header header-sticky">
    <div class="header-bottom menu-center">
        <div class="container">
            <div class="row justify-content-between">

                <!--Logo start-->
                <div class="col mt-10 mb-10">
                    <div class="logo">
                        <a th:href="@{/index.html}"><img src="assets/images/logo.png" alt=""></a>
                    </div>
                </div>
                <!--Logo end-->

                <!--Menu start-->
                <div class="col d-none d-lg-flex">
                    <nav class="main-menu">
                        <ul>
                            <li class="has-dropdown"><a th:href="@{/index.html}">主页</a>
                                <ul class="sub-menu">
                                    <li><a th:href="@{/index.html}">默认主题的主页</a></li>
                                    <li><a th:href="@{/index-2.html}">带推荐广告的主页</a></li>
                                    <li><a th:href="@{/index-3.html}">带地图显示的主页</a></li>
                                </ul>
                            </li>
                            <li class="has-dropdown"><a th:href="@{/properties.html}">房产</a>
                                <ul class="sub-menu">
                                    <li class="has-dropdown"><a th:href="@{/properties.html}">房产格局显示</a>
                                        <ul class="sub-menu">
                                            <li><a th:href="@{/properties.html}">默认格局</a></li>
                                            <li><a th:href="@{/properties-left-sidebar.html}">左倾式格局</a></li>
                                            <li><a th:href="@{/properties-right-sidebar.html}">右倾式格局</a></li>
                                        </ul>
                                    </li>
                                    <li class="has-dropdown"><a th:href="@{/properties-list-left-sidebar.html}">房产列表显示</a>
                                        <ul class="sub-menu">
                                            <li><a th:href="@{/properties-list-left-sidebar.html}">左倾式</a></li>
                                            <li><a th:href="@{/properties-list-right-sidebar.html}">右倾式</a></li>
                                        </ul>
                                    </li>
                                    <li class="has-dropdown"><a th:href="@{/properties-carousel.html}">房产阶梯式显示</a>
                                        <ul class="sub-menu">
                                            <li><a th:href="@{/properties-carousel.html}">单个阶梯</a></li>
                                            <li><a th:href="@{/properties-carousel2.html}">两个阶梯</a></li>
                                        </ul>
                                    </li>
                                    <li class="has-dropdown"><a th:href="@{/single-properties.html}">单个房产显示</a>
                                        <ul class="sub-menu">
                                            <li><a th:href="@{/single-properties.html}">左倾式</a>></li>
                                            <li><a th:href="@{/single-properties-right-sidebar.html}">右倾式</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="has-dropdown"><a th:href="@{/agencies.html}">房产代理</a>
                                <ul class="sub-menu">
                                    <li class="has-dropdown"><a th:href="@{/agents.html}">代理人显示方式</a>
                                        <ul class="sub-menu">
                                            <li><a th:href="@{/agents-3-column.html}">三列显示</a></li>
                                            <li><a th:href="@{/agents.html}">四列显示</a></li>
                                        </ul>
                                    </li>
                                    <li class="has-dropdown"><a th:href="@{/agents-carousel-3-column.html}">带阶梯房产代理人显示方式</a>
                                        <ul class="sub-menu">
                                            <li><a th:href="@{/agents-carousel-3-column.html}">三列显示</a></li>
                                            <li><a th:href="@{/agents-carousel2-3-column.html}">三列四行显示</a></li>
                                            <li><a th:href="@{/agents-carousel-4-column.html}">四列显示</a></li>
                                            <li><a th:href="@{/agents-carousel2-4-column.html}">四列两行</a></li>
                                        </ul>
                                    </li>
                                    <li><a th:href="@{/agent-details.html}">代理人详情</a></li>
                                </ul>
                            </li>
                            <li class="has-dropdown"><a th:href="@{/agencies.html}">房产代理商</a>
                                <ul class="sub-menu">
                                    <li><a th:href="@{/agencies.html}">房产代理商</a></li>
                                    <li><a th:href="@{/agency-details.html}">代理商详情</a></li>
                                </ul>
                            </li>
                            <li class="has-dropdown"><a th:href="@{/news.html}">房产新闻</a>
                                <ul class="sub-menu">
                                    <li><a th:href="@{/news.html}">默认方式显示</a></li>
                                    <li><a th:href="@{/news-left-sidebar.html}">左倾式</a></li>
                                    <li><a th:href="@{/news-right-sidebar.html}">右倾式</a></li>
                                    <li><a th:href="@{/news-carousel.html}">单阶梯式</a></li>
                                    <li><a th:href="@{/news-carousel2.html}">两阶梯式</a></li>
                                    <li><a th:href="@{/news-details.html}">详情左倾式显示</a></li>
                                    <li><a th:href="@{/news-details-right-sidebar.html}">详情右倾式显示</a></li>
                                </ul>
                            </li>
                            <li class="has-dropdown"><a href="#">展示页面</a>
                                <ul class="sub-menu">
                                    <li><a th:href="@{/about-us.html}">关于我们</a></li>
                                    <li><a th:href="@{/add-properties.html}">添加房产</a></li>
                                    <li><a th:href="@{/contact-us.html}">联系我们</a></li>
                                    <li><a th:href="@{/gallery-2-column.html}">2列画廊展示</a></li>
                                    <li><a th:href="@{/gallery-3-column.html}">3列画廊展示</a></li>
                                    <li><a th:href="@{/gallery-4-column.html}">4列画廊展示</a></li>
                                    <li><a th:href="@{/login-register.html}">登录和注册</a></li>
                                    <li><a th:href="@{/my-account.html}">我的帐号</a></li>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                </div>
                <!--Menu end-->

                <!--User start-->
                <div class="col mr-sm-50 mr-xs-50">
                    <div class="header-user">
                        <a th:href="@{/login-register.html}" class="user-toggle"><i class="pe-7s-user"></i><span>登录或注册</span></a>
                    </div>
                </div>
                <!--User end-->
            </div>

            <!--Mobile Menu start-->
            <div class="row">
                <div class="col-12 d-flex d-lg-none">
                    <div class="mobile-menu"></div>
                </div>
            </div>
            <!--Mobile Menu end-->

        </div>
    </div>
</header>
<!--Header section end-->


<!--Footer section start-->
<footer  th:fragment="footer" class="footer-section section" style="background-image: url(assets/images/bg/footer-bg.jpg)">

    <!--Footer Top start-->
    <div class="footer-top section pt-100 pt-lg-80 pt-md-70 pt-sm-60 pt-xs-50 pb-60 pb-lg-40 pb-md-30 pb-sm-20 pb-xs-10">
        <div class="container">
            <div class="row row-25">

                <!--Footer Widget start-->
                <div class="footer-widget col-lg-3 col-md-6 col-12 mb-40">
                    <img src="assets/images/logo-footer.png" alt="">
                    <p>房产交易平台the best theme for elit, sed do to eiumod tempor dolor sit amet, ctetur adipiscing elit seddo dolor sit amet.</p>
                    <div class="footer-social">
                        <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
                        <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
                        <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
                        <a href="#" class="google"><i class="fa fa-google-plus"></i></a>
                        <a href="#" class="pinterest"><i class="fa fa-pinterest-p"></i></a>
                    </div>
                </div>
                <!--Footer Widget end-->

                <!--Footer Widget start-->
                <div class="footer-widget col-lg-3 col-md-6 col-12 mb-40">
                    <h4 class="title"><span class="text">联系我们</span><span class="shape"></span></h4>
                    <ul>
                        <li><i class="fa fa-map-o"></i><span>成都市高新区公兴保税区256号</span></li>
                        <li><i class="fa fa-phone"></i><span><a href="#">+012 345 678 102</a><a href="#">+012 345 678 101</a></span></li>
                        <li><i class="fa fa-envelope-o"></i><span><a href="#">info@example.com</a><a href="#">www.example.com</a></span></li>
                    </ul>
                </div>
                <!--Footer Widget end-->

                <!--Footer Widget start-->
                <div class="footer-widget col-lg-3 col-md-6 col-12 mb-40">
                    <h4 class="title"><span class="text">友情链接</span><span class="shape"></span></h4>
                    <ul>
                        <li><a href="#">Rental Builidngs</a></li>
                        <li><a href="#">Browe all Categories</a></li>
                        <li><a href="#">Top Mortagages Rates</a></li>
                        <li><a href="#">RentalTerms of use</a></li>
                        <li><a href="#">Privacy Policy</a></li>
                    </ul>
                </div>
                <!--Footer Widget end-->

                <!--Footer Widget start-->
                <div class="footer-widget col-lg-3 col-md-6 col-12 mb-40">
                    <h4 class="title"><span class="text">通讯录</span><span class="shape"></span></h4>

                    <p>添加我们的最新的通讯录，您会得到最新房产信息，并且得到最低折扣</p>

                    <form id="mc-form" class="mc-form footer-newsletter" >
                        <input id="mc-email" type="email" autocomplete="off" placeholder="输入邮箱地址.." />
                        <button id="mc-submit"><i class="fa fa-paper-plane-o"></i></button>
                    </form>
                    <!-- mailchimp-alerts Start -->
                    <div class="mailchimp-alerts text-centre">
                        <div class="mailchimp-submitting"></div><!-- mailchimp-submitting end -->
                        <div class="mailchimp-success"></div><!-- mailchimp-success end -->
                        <div class="mailchimp-error"></div><!-- mailchimp-error end -->
                    </div><!-- mailchimp-alerts end -->

                </div>
                <!--Footer Widget end-->

            </div>
        </div>
    </div>
    <!--Footer Top end-->

    <!--Footer bottom start-->
    <div class="footer-bottom section">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="copyright text-center">
                        <p>Copyright &copy;2018 <a  href="http://www.xuetang9.com">老九学堂</a>. 版权所有.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Footer bottom end-->

</footer>
<!--Footer section end-->
</body>
</html>